<!--
 * @Description: iframe 嵌套网页
 * @Author: Zhanghan
 * @Date: 2024-12-11 15:18:09
 * @LastEditTime: 2024-12-11 15:35:44
 * @LastEditors: Zhanghan
-->
<template>
  <div class="w-full h-full">
    <iframe
      :src="'https://blog.csdn.net/a3212768093/article/details/144356704?spm=1001.2014.3001.5501'"
      class="iframe__main"
      ref="frameRef"
    ></iframe>
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";

const frameRef = ref<HTMLFrameElement>();

//绝大部分公共的网站例如百度等等，会拒绝访问
const src =
  "https://wx.baeapps.com/api/ai_apaas/v1/web_embed/html?type=full&app_id=5fc9321b-e512-40ed-824f-15203d752d91&code=embedJnvPhwJW0W0vboG7IKbk";
</script>

<style lang="less" scoped>
.iframe__main {
  width: 100%;
  height: 80vh;
  overflow: hidden;
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
}
</style>
